<!-- 购物车页面 -->
<template>
  <Title content="我的购物车"></Title>
  <div class="layout">
    <div class="cart">
      <ProductCard></ProductCard>
    </div>
  </div>
  <Docker page="cart"></Docker>
</template>

<script>
import Docker from '@/components/docker'
import ProductCard from '@/components/product/productCard'
import Title from '@/components/title'
//composition
export default {
  name: 'cart',
  components: { Docker, ProductCard, Title }
}
</script>

<style scoped lang="scss">
@import '@/styles/theme.scss';
@import '@/styles/mixin.scss';

.layout {
  @include layout-remove-docker;
  padding-top: 11.7333vw;
  .cart {
    @include page-layout;
    background-color: $background-color;
  }
}
</style>